
    $.get('../data/list.json').then((res)=>{
       var ul = document.querySelector('.page-list')
       var str = ''
       res.forEach(item=> {
         str += `
         <li>
         <a href="magnifier.html">
         <div class='pic'>
          <img data-id="${item.id}" src="${item.images[0].smallPic}">
         </div>
         <p class="name">${item.skuName}</p>
         <P class="brief">${item.brief}</P>
         </a>
         <P class="price">￥${item.salePrice}</P>
         <button class="btn" data-id="${item.id}">加入购物车</button>
         </li>
         `
       });
       $('.page-list').html(str)
       $('.page-list').paging({
   PageNum:8, //每页显示数目
   pageMax:true, //按钮长度是否显示
   pageMaxHideShow:false, //在最后一个的时候是否隐藏按钮长度
   pageDownUpHide:false, //到第一个或最后一个是否让上一页或下一页消失
   pageInput:true, //是否使用文本框输入跳转
   pagingBtnHide:false, //是否让按钮变为一个
   pagingBtnPaging:true,//按钮是否分页
   pagingDisplay:"flex", //显示的属性，弹性盒子还是块化
 }) 
    })

    


    
